<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>完善信息</title>

    <link rel="stylesheet" href="percen-input.css">
    <link rel="stylesheet" href="nav_style.css">

</head>
<body>
    <h1 style="text-align: center;">青岛旅游</h1>       
    <br>
    <h3 style="text-align: center;">青岛旅游网欢迎您</h3>
    <div class="nav">
        <ul class="ullist">
            <li class="libt">
                <a href="#">网站首页</a>
            </li>

            <li class="libt">
                <a href="#">景点</a>
                <ul class="droplist">
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                </ul>
            </li>

            <li class="libt">
                <a href="#">酒店</a>
                <ul class="droplist">
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                </ul>
            </li>

            <li class="libt">
                <a href="#">路线</a>
                <ul class="droplist">
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                </ul>
            </li>

            <li class="libt">
                <a href="#">搜索</a>
            </li>

            <li class="libt">
                <a href="#">个人中心</a>
            </li>

            <li class="libt">
                <a href="#">注册登录</a>
            </li>

            <li class="libt">
                <a href="#">关于我们</a>
            </li>
        </ul>
    </div> 
    <!-- 统一导航栏 -->

    <div class="login-container">

        <div class="b">

            <h1>用户信息完善</h1>
            性别: <div></div>
            <input type="radio" name="sex" checked>男
            <input type="radio" name="sex" >女
        </div>
        
        <div class="b">
            出生日期 <div></div>
            <select id="year"></select>年
            <select id="month"></select>月
            <select id="day"></select>日
        </div>
        <div class="b">
            手机号：<div></div>
            <input type="text" name="phone">
        </div>
        
        <div class="b">
            电子邮箱： <div></div>
            <input type="text" name="email" >
        </div>
        <a href="percen-shouye.html"><button id="loginBtn">提交</button></a>
        <a href="percen-shouye.html"><button id="loginBtn">取消填写</button></a>

        
        </div>
        <script type="text/javascript">
        
            var yearSelect = document.getElementById('year');  
            for(var i = 1950; i <= 2024; i++){  
            var option = document.createElement("option");  
            option.value = i;  
            option.text = i;  
            yearSelect.add(option);  
        }  
        
            var monthSelect = document.getElementById('month');  
            for(var i = 1; i <= 12; i++){  
            var option = document.createElement("option");  
            option.value = i;  
            option.text = i;  
            monthSelect.add(option);  
        }  
        
            var daySelect = document.getElementById('day');  
            for(var i = 1; i <= 31; i++){  
            var option = document.createElement("option");  
            option.value = i;  
            option.text = i;  
            daySelect.add(option);  
        }  
        </script>
</body>
</html>